<template>
  <button>
    <slot></slot>
  </button>
</template>
<script>
export default {
  name: 'xlBtn',
  components:{

  },
  // props:,
  data () {
    return {
      
      }
  }
}
</script>
<style lang='scss' scoped>
button{
  background-color: transparent;
  border-radius:10px;
  padding:10px 20px;/*px*/
  min-width: 2rem;
  margin-right: 20px;/*px*/
  &.black{
    border:2px solid #666;
    color: #666;
  }
  &.ora{
    border: 2px solid #fb4700;
    color:#fb4700;
  }
  &.nmr{
    margin-right:0;
  }
}
</style>